<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>并购详情事件列表</title>
  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="./plugins/bootstrap/css/bootstrap.css">
  <link rel="stylesheet" href="./css/main.css">
  <style>
    .main {
      margin-right:420px;

    }
    .right-aside {
      width:400px;
      position: absolute;
      right:0;
      top:0;
    }
    .table.table-first-highlight tbody tr td:nth-child(3) {
      color: #333;
      background-color: #e8f5fd;
    }
    .list-title {
      display: inline-block;
    }
    .more-btn {
      font-size: 12px;
      float:right;
      color:#2D9EF8;
    }
    .list li{
      line-height: 24px;
      position: relative;
    }
    .list li a.list-text {
      margin-right:100px;
      display: block;
      color:#2D9EF8;
      overflow: hidden;
      text-overflow:ellipsis; 
      white-space: nowrap;
    }
    .time {
      position: absolute;
      right:0;
      top:0;
      font-size: 12px;
      color:#999;
    }
  </style>
</head>
<body>
  <div class="content">
    <div class="main">
      <div class="box">
        <div class="box-header">
          <div class="header-title">交易参与方</div>
        </div>
        <div class="box-body">
          <h6>竞买方资料</h6>
          <table class="table">
            <thead>
              <tr>
                <th>竞买方名称</th>
                <th>企业性质</th>
                <th>转让前持股(%)</th>
                <th>转让后持股</th>
                <th>行业</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td class="font-blue">云南云天化股份有限公司</td>
                <td>地方国有企业</td>
                <td>0</td>
                <td>93.89</td>
                <td>划肥与农业化工</td>
              </tr>
            </tbody>
          </table>
          <h6>出让方资料</h6>
          <table class="table">
            <thead>
              <tr>
                <th>出让方名称</th>
                <th>企业性质</th>
                <th>转让前持股(%)</th>
                <th>转让后持股</th>
                <th>行业</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td class="font-blue">云南云天化股份有限公司</td>
                <td>地方国有企业</td>
                <td>0</td>
                <td>93.89</td>
                <td>划肥与农业化工</td>
              </tr>
            </tbody>
          </table>
          <h6>标的方资料</h6>
          <table class="table">
            <thead>
              <tr>
                <th>出让方名称</th>
                <th>企业性质</th>
                <th>转让前持股(%)</th>
                <th>转让后持股</th>
                <th>行业</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td class="font-blue">云南云天化股份有限公司</td>
                <td>地方国有企业</td>
                <td>0</td>
                <td>93.89</td>
                <td>划肥与农业化工</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
      <div class="box">
        <div class="box-header">
          <div class="header-title">交易详情</div>
        </div>
        <div class="bo-body">
          <table class="table table-first-highlight">
            <tbody>
              <tr>
                <td>交易价值（万）</td>
                <td>93775.81（人民币元）</td>
                <td>并购方式</td>
                <td>协议收购</td>
              </tr>
              <tr>
                <td>现金支付金额（万）</td>
                <td>93775.81（人民币元）</td>
                <td>并购目的</td>
                <td>横向整合</td>
              </tr>
              <tr>
                <td>现金支付金额（万）</td>
                <td>93775.81（人民币元）</td>
                <td>并购目的</td>
                <td>横向整合</td>
              </tr>
              <tr>
                <td>现金支付金额（万）</td>
                <td>93775.81（人民币元）</td>
                <td>并购目的</td>
                <td>横向整合</td>
              </tr>
              <tr>
                <td>现金支付金额（万）</td>
                <td>93775.81（人民币元）</td>
                <td>并购目的</td>
                <td>横向整合</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
      <div class="box">
        <div class="box-header">
          <div class="header-title">进展描述</div>
        </div>
        <div class="box-body">
          <table class="table">
            <thead>
              <tr>
                <th>最新披露时间</th>
                <th>最新交易进度</th>
                <th>首次披露时间</th>
                <th>操作</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td class="font-gray">2020-08-05</td>
                <td>完成</td>
                <td class="font-gray">2020-05-03</td>
                <td class="font-blue">
                  <span>查看详细资料</span>
                </td>
              </tr>
              <tr>
                <td class="font-gray">2020-08-05</td>
                <td>完成</td>
                <td class="font-gray">2020-05-03</td>
                <td class="font-blue">
                  <span>查看详细资料</span>
                </td>
              </tr>
              <tr>
                <td class="font-gray">2020-08-05</td>
                <td>完成</td>
                <td class="font-gray">2020-05-03</td>
                <td class="font-blue">
                  <span>查看详细资料</span>
                </td>
              </tr>
            </tbody>
          </table>
          
        </div>
      </div>
    </div>
    <div class="right-aside">
      <div class="box">
        <div class="box-header">
          <div class="header-title">中介机构</div>
        </div>
        <div class="box-body">
          <h6>买方中介</h6>
          <table class="table">
            <thead>
              <tr>
                <th>中介类型</th>
                <th>机构名称</th>
                <th>签字人</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>独立财务顾问</td>
                <td class="font-blue">中国建设证券股份有限公司</td>
                <td>--</td>
              </tr>
              <tr>
                <td>独立财务顾问</td>
                <td class="font-blue">中国建设证券股份有限公司</td>
                <td>--</td>
              </tr>
              <tr>
                <td>独立财务顾问</td>
                <td class="font-blue">中国建设证券股份有限公司</td>
                <td>--</td>
              </tr>
              <tr>
                <td>独立财务顾问</td>
                <td class="font-blue">中国建设证券股份有限公司</td>
                <td>--</td>
              </tr>
            </tbody>
          </table>
          <h6>标的方中介</h6>
          <table class="table">
            <thead>
              <tr>
                <th>中介类型</th>
                <th>机构名称</th>
                <th>签字人</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td colspan="3" class="ac">无数据</td>
              </tr>
            </tbody>
          </table>
          <h6>卖方中介</h6>
          <table class="table">
            <thead>
              <tr>
                <th>中介类型</th>
                <th>机构名称</th>
                <th>签字人</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td colspan="3" class="ac">无数据</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>

      <div class="box">
        <div class="box-header">
          <div class="header-title">相关事件</div>
        </div>
        <div class="box-body">
          <div class="list-box">
            <div class="list-header">
              <h6 class="list-title">竞买方相关</h6>
              <span class="more-btn">更多</span>
            </div>
            <ul class="list">
              <li>
                <a href="##" class='list-text' title="云天化转让重庆云天化转让重庆云天化转让重庆云天化转让重庆">云天化转让重庆云天化转让重庆云天化转让重庆云天化转让重庆</a>
                <span class="time">2021-09-03</span>
              </li>
              <li>
                <a href="##" class='list-text' title="云天化转让重庆云天化转让重庆云天化转让重庆云天化转让重庆">云天化转让重庆云天化转让重庆云天化转让重庆云天化转让重庆</a>
                <span class="time">2021-09-03</span>
              </li>
              <li>
                <a href="##" class='list-text' title="云天化转让重庆云天化转让重庆云天化转让重庆云天化转让重庆">云天化转让重庆云天化转让重庆云天化转让重庆云天化转让重庆</a>
                <span class="time">2021-09-03</span>
              </li>
              <li>
                <a href="##" class='list-text' title="云天化转让重庆云天化转让重庆云天化转让重庆云天化转让重庆">云天化转让重庆云天化转让重庆云天化转让重庆云天化转让重庆</a>
                <span class="time">2021-09-03</span>
              </li>
            </ul>
          </div>
          <div class="list-box">
            <div class="list-header">
              <h6 class="list-title">出让方相关</h6>
              <span class="more-btn">更多</span>
            </div>
            <ul class="list">
              <li>
                <a href="##" class='list-text' title="云天化转让重庆云天化转让重庆云天化转让重庆云天化转让重庆">云天化转让重庆云天化转让重庆云天化转让重庆云天化转让重庆</a>
                <span class="time">2021-09-03</span>
              </li>
              <li>
                <a href="##" class='list-text' title="云天化转让重庆云天化转让重庆云天化转让重庆云天化转让重庆">云天化转让重庆云天化转让重庆云天化转让重庆云天化转让重庆</a>
                <span class="time">2021-09-03</span>
              </li>
              <li>
                <a href="##" class='list-text' title="云天化转让重庆云天化转让重庆云天化转让重庆云天化转让重庆">云天化转让重庆云天化转让重庆云天化转让重庆云天化转让重庆</a>
                <span class="time">2021-09-03</span>
              </li>
              <li>
                <a href="##" class='list-text' title="云天化转让重庆云天化转让重庆云天化转让重庆云天化转让重庆">云天化转让重庆云天化转让重庆云天化转让重庆云天化转让重庆</a>
                <span class="time">2021-09-03</span>
              </li>
            </ul>
          </div>
          <div class="list-box">
            <div class="list-header">
              <h6 class="list-title">标的方相关</h6>
              <span class="more-btn">更多</span>
            </div>
            <ul class="list">
              <li>
                <a href="##" class='list-text' title="云天化转让重庆云天化转让重庆云天化转让重庆云天化转让重庆">云天化转让重庆云天化转让重庆云天化转让重庆云天化转让重庆</a>
                <span class="time">2021-09-03</span>
              </li>
              <li>
                <a href="##" class='list-text' title="云天化转让重庆云天化转让重庆云天化转让重庆云天化转让重庆">云天化转让重庆云天化转让重庆云天化转让重庆云天化转让重庆</a>
                <span class="time">2021-09-03</span>
              </li>
              <li>
                <a href="##" class='list-text' title="云天化转让重庆云天化转让重庆云天化转让重庆云天化转让重庆">云天化转让重庆云天化转让重庆云天化转让重庆云天化转让重庆</a>
                <span class="time">2021-09-03</span>
              </li>
              <li>
                <a href="##" class='list-text' title="云天化转让重庆云天化转让重庆云天化转让重庆云天化转让重庆">云天化转让重庆云天化转让重庆云天化转让重庆云天化转让重庆</a>
                <span class="time">2021-09-03</span>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
</html>